import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import Index from '../page/index'
// import Test from '../page/test'
// import Test2 from '../page/test2'
import Test3 from '../page/test3'
import TestCut from '../page/testCut'
import TestWater from '../page/testWater'
import TestWater2 from '../page/testWater2'
import TestWater3 from '../page/testWater3'
import TestScss from '../page/testScss'
import Mock from '../page/mock/Hello'
import Testmock from '../page/mock/mockApi/testMock'
import TestEvents from '../page/testEvents'
import testPriview from '../page/testPriview'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path: '/index',
      name: 'Index',
      component: Index
    },
    // {
    //   path: '/test',
    //   name: 'Test',
    //   component: Test
    // },
    // {
    //   path: '/test2',
    //   name: 'Test2',
    //   component: Test2
    // },
    //剪切图片组件
    {
      path: '/test3',
      name: 'Test3',
      component: Test3
    },
    {
      path: '/testCut',
      name: 'TestCut',
      component: TestCut
    },
    {
      path: '/testWater',
      name: 'TestWater',
      component: TestWater
    },
    {
      path: '/testWater2',
      name: 'TestWater2',
      component: TestWater2
    },

    //瀑布流组件
    {
      path: '/testWater3',
      name: 'TestWater3',
      component: TestWater3
    },


    {
      path: '/testScss',
      name: 'TestScss',
      component: TestScss
    },

    {
      path: '/mock',
      name: 'Mock',
      component: Mock
    },
    {
      path: '/testmock',
      name: 'Testmock',
      component: Testmock
    },
    {
      path: '/testEvents',
      name: 'TestEvents',
      component: TestEvents
    },


    {
      path: '/testPriview',
      name: 'testPriview',
      component: testPriview
    },
  ]
})
